<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>Gregorius</title> 
    <link rel="stylesheet" type="text/css" href="css/snn.css">
    <script src='/_ah/channel/jsapi'></script>
    <script src="js/jquery.min.js" type="text/javascript"></script> 
    <script src="js/jquery.form.js" type="text/javascript"></script> 
    <script src="js/jquery-ui.min.js" type="text/javascript"></script> 
    <script src="js/jquery.address-1.4.min.js" type="text/javascript"></script>
    <script src="js/jquery.collapser.js" type="text/javascript"></script>
    <script src="js/snn.js" type="text/javascript"></script> 

  </head> 
  <body id="body">
    <div id="menu"> 
     {% block menu %}
     <ul>
       <li><a href="/vocab">vocab</a></li>
       <li><a href="/variants">variants</a></li>
       <li><a href="/soundex">soundex</a></li>
     </ul>
     {% endblock %} 
    </div>

    <div id="main"> 
      {% block main %}
      <div id="content-container"> 
        <div id="content"> 
          {% block content %}
          {{ msg }}
          {% endblock %}            
        </div>
        <div id="sidebar"> 
          {% block sidebar %}
          <div id="search" class="widget">
            <h4 class="ui-widget-header">Search</h4>
            <div>
              <form id="search-form" name="search" action="/search" 
                  method="post" enctype="multipart/form-data">
                  <input type="text" size="23" name="criteria" value="{{criteria}}">
                  <input type="submit" name="submit">
              </form>

              <div id="search-results">
                <ul>
                {% for i in witnesses %}
                  <li>
                     <a class="witness" href="/display/witness/{{i.index}}">{{ i.signature }} {{ i.folia }}</a>
                  </li>
                {% endfor %}
                </ul>
              </div>
            </div>
          </div>

          <div id="selection" class="widget">
            <h4 class="ui-widget-header">Selection</h4>
            <div class="ui-widget-content">
              <form id="selection-form" action="#">
              <ul>
              {% if selected %}
                {% for s in selected %}
                  <li> <a class="witness" href="/display/witness/{{s.index}}">{{s.signature}} {{s.folia}}</a></li>
                {% endfor %}
              {% else %}
                <li class="placeholder">Add your items here</li>
              {% endif %}
              </ul>
              <div id="trash">
                 Drag here to delete
              </div>
            </div>
          </div>
          {% endblock %}            
        </div>
      </div>
      {% endblock %}            
    </div>
    <div id="footer">
      Hans Then: Pythea: SNN
    </div>
  </body>
</html>
